(function () {
    // 获取详情页面地址
    let url = location.href
    // console.log(url);
    let urlObj = getQueryString(url)
    // console.log(urlObj.conponid);

    // 发送请求获取数据 带上从首页获取过来的 urlObj.productId 参数
    fetch('http://chst.vip:1234/api/getcouponproduct?couponid=' + urlObj.conponid)
        .then(response => {
            return response.json()
        }).then(data => {
            let res = data.result
            console.log(res);
            let ele = ''
            res.forEach((item, i) => {
                ele += `
                <li data-index="${i}">
                    <a href="javascript:;">
                        <div class="left">
                        ${item.couponProductImg}
                        </div>
                        <div class="right">
                            <h4>${item.couponProductName}</h4>
                            <p>${item.couponProductPrice}</p>
                            <div class="other">
                                <div class="mall">
                                    ${item.couponProductTime}
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                `
                $('.info').html(ele);
            });

            let i 
            // 轮播图
            $('.info').on('click', 'li', function () {
                // 点击 li 下拉显示轮播图大盒子
                $('.carousel').css('top', 0)
                // 单击 X 上拉轮播图盒子
                $('.marsk i').on('click', function () {
                    $('.carousel').css('top', -1000)
                })
                let ele = ''
                res.forEach(item => {
                    ele += `
                        <li>
                            ${item.couponProductImg}
                        </li>
                    `
                });
                $('.infoR').html(ele);

                let index = $(this).attr('data-index')
                $('.infoR').css('left', -200 * index)
                console.log(index);
                i =  - index * 200
                console.log($('.infoR').css('left'));

            })

            // 给 next添加点击事件
            $('.next').on('click', function () {

                if (parseInt($('.infoR').css('left')) <= -(res.length - 1) * 200) {
                    return alert('已经是最后一页啦!')
                }
                i -= 200
                console.log(parseInt($('.infoR').css('left')));

                $('.infoR').css('left', i)
            })

            $('.prev').on('click', function () {
                if (parseInt($('.infoR').css('left')) >= 0) {
                    return alert('已经是第一页啦!')
                }
                i += 200
                console.log(parseInt($('.infoR').css('left')));
                $('.infoR').css('left', i)
            })
        })

})();

